<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_CSS的三种位置</title>
    <!--3.外部样式-->
    <link rel="stylesheet" href="01.css">
    <!--2.内部样式-->
    <style>
        p {
            color: lightgreen;
        }
        h1 {
            background-color: pink;
            color: red;
        }
    </style>
</head>
<body>
<!--1.行内样式-->
<h4 style="color: red;">测试用文字</h4>
<h4>测试用文字</h4>
<h4>测试用文字</h4>

<p>测试用文字</p>
<p>测试用文字</p>
<p>测试用文字</p>
<!--!important>行内样式>内部样式=外部样式>浏览器自带样式 -->
<h1 style="color: white">测试用文字</h1>
</body>
</html>